.try-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* 试用 */
.submit-wrap {
  width: 100%;
  padding: 1.03rem .4rem 1.16rem;
}
.logo-p {
  font-size: .28rem;
  color: #999;
  line-height: 1;
  margin-top: .41rem;
}
.submit-part {
  margin: .79rem 0 .56rem;
}

.input-part:not(:first-child) {
  margin-top: .39rem;
}
.input-part > span {
  font-size: .32rem;
  line-height: 1;
  color: #333;
  margin-bottom: .2rem;
  display: inline-block;
}
.input-box {
  width: 100%;
  height: .9rem;
}
.input-box > input {
  border: 1px solid #cad1d6;
  padding: 0 .28rem;
  height: 100%;
  color: #333;
  font-weight: 700;
  font-size: .3rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 0;
  -webkit-appearance: none;
}
input::-webkit-input-placeholder {
  color: #c0c5ca;
  font-size: .28rem;
  font-weight: normal;
}
.input-box > input:focus {
  border: 1px solid #E53D00;
}
.input--common {
  width: 100%;
}
.input--special {
  width: 4.4rem;
}
.code-button {
  width: 2.06rem;
  height: .9rem;
  background: #333;
  font-size: .3rem;
  color: #fff;
  margin-left: .24rem;
}
.code-button.active {
  background: #c0c5c9;
}
.submit-button {
  width: 6.7rem;
  height: .9rem;
  color: #fff;
  font-size: .36rem;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#FE9209), to(#DB1504));
  background: linear-gradient(to right, #FE9209, #DB1504);
}
.submit-button.active {
  background: #c0c5c9;
}

/* 成功 */
.success-wrap {
  width: 100%;
  height: 5.1rem;
}
.success-wrap > p {
  line-height: 1;
}
.success-wrap > p:nth-of-type(1) {
  font-size: .5rem;
  font-weight: 700;
  margin: 0 0 .32rem;
  color: #333;
}
.success-wrap > p:nth-of-type(2) {
  font-size: .28rem;
  color: #999999;
  margin: 0 0 .32rem;
}
/* 方式 */
.example-wrap {
  width: 100%;
  padding: 1rem 0;
  background: #F3F3F8;
}
.example-wrap > h2 {
  font-size: .4rem;
  line-height: .56rem;
  text-align: center;
  color: #333;
}
.try-download-button {
  border: 1px solid #333;
  width: 4.32rem;
  height: .9rem;
  font-size: .32rem;
  font-weight: 600;
  color: #333;
}
.try-download-icon {
  display: inline-block;
  width: .27rem;
  height: .3rem;
  margin-right: .14rem;
  background-size: 100% 100%;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/live4/xia-icon-w.png)
}

/* 背景图 */
.photoplus-logo {
  width: 3.82rem;
  height: .86rem;
  background-size: 100% 100%;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/try/photopluslogo.png);
}
.success-icon {
  width: 1.56rem;
  height: 1.56rem;
  background-size: 100% 100%;
  margin: 0 0 .49rem;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/try/success-icon.png);
}
.example-download__img {
  width: 3.65rem;
  height: 2.81rem;
  background-size: 100% 100%;
  margin: .9rem 0 .24rem;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/try/tip11.png);
}
.example-pc__img {
  width: 4.11rem;
  height: 3.77rem;
  background-size: 100% 100%;
  margin: .6rem 0 0;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/try/tip2.png);
}
.poweredby {
  width: 100%;
  height: .6rem;
  background-size: 100% 100%;
  background-image: url(http://static.qiezipai.cn/wechat/live/image/live4/poweredbyphotoplus1.png);
}
.submit-loading {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5) url(http://static.qiezipai.cn/consoletob/console/mobile/image/picloadingw.gif) center;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
